<template>
	<!-- 
		自定义菜单组件，基于el-menu二次封装，主要用于与tabs联动实现菜单和标签页对应变化
		这里的全局数据同步采用Vuex的方式进行同步
	 -->
	<div class="p-menu">
		 <el-aside width="300px">
        <el-menu
        text-color="#555"
        active-text-color="#4272d7" router default-active = '/SystemHomePage'>
            <el-menu-item  :index='"/"+"SystemHomePage"' >
                <i class="el-icon-s-tools"></i>
                <span slot="title" >系统的首页</span>
            </el-menu-item>
             <el-menu-item :index='"/"+"PersonnelManagement"'>
                <i class="el-icon-user-solid"></i>
                <span slot="title">人事的管理</span>
            </el-menu-item>
             <el-menu-item :index='"/"+"FinancialManagement"' >
                <i class="el-icon-bangzhu"></i>
                <span slot="title">财务的管理</span>
            </el-menu-item>
            <el-menu-item :index='"/"+"EquipmentManagement"'>
                <i class="el-icon-thumb"></i>
                <span slot="title">设备的管理</span>
            </el-menu-item>
            <el-menu-item :index='"/"+"ReceptionManagement"'>
                <i class="el-icon-office-building"></i>
                <span slot="title">接待的管理</span>
            </el-menu-item>
			 <el-menu-item :index='"/"+"managers"'>
                <i class="el-icon-view"></i>
                <span slot="title">管理员列表</span>
            </el-menu-item>
        </el-menu>
        </el-aside>
        <!-- 内容主体 -->
	</div>
</template>

<script>
	export default{
		name:'p-menu',
	}
</script>

<style>

</style>
